:root{
	--textColor:#333;
	--text-a-color:#0e6eb8;
}

*{margin: 0px; padding: 0px; box-sizing: border-box; transition:all 0.5s;}
.row .col-sm-6 img:hover,.col-sm-4 img:hover{ transform:scale(1.2);}

.col-sm-6,.index-new-img,.right-one-l,.col-sm-4{overflow:hidden;}
.li-img img:hover{ transform:scale(1.2);}
a{text-decoration: none!important;} 
*:focus {outline: none;}
ul{list-style: none;}
.container-fluid{margin: 0px; padding: 0px;}
.content{width: 1400px; margin: 0px auto; position: relative;}

.header{ height: 115px;background: -webkit-linear-gradient(to bottom,  #FFFFFF 80%,#e8f1f8 100%); background: -moz-linear-gradient(to bottom,  #FFFFFF 80%,#e8f1f8 100%); background: linear-gradient(to bottom,  #FFFFFF 80%,#e8f1f8 100%);}
.navbar{width: 1400px; margin: 0px auto; position: relative;justify-content: space-between; }
.navbar-dark .navbar-nav .nav-link{color: #000000;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: #0e6eb8;}
 
.navbar-expand-sm .navbar-nav{width: 100%;}
.navbar-nav li {flex: 1; text-align: right; position: relative; text-align: center;}
.navbar-nav li a{font-size: 18px;}
.header-top{position: absolute;top: 15px; cursor: pointer; right: 15px; font-size: 14px; color: #666666;}
.header-top .header-b ,.header-top .dropdown{display: inline-block;}
 .form-top{display: none; position: absolute; top: 30px;left: -200px; background-color: var(--text-a-color); padding: 10px 25px;}

 .nav-childer{
	 display: none;
    position: absolute;
	top: 40px;
	width: 100%;
	
	background-color: #fff;
	z-index: 999;
	 padding: 10px 0px;
	 border-top: 2px solid #0e6cb7;
 }
 
 .nav-childer li a{ color: #333; display: block; padding: 5px 0px; font-size: 14px;border-bottom: 1px solid #eee;}
 .nav-childer li a:hover{color: #0e6eb8;}
 .footer{ background-color: #404146; padding-top:40px;}
 .footer-logo{float: left;}
 .footer ul{float: left;width: 40%; margin-left: 150px; margin-top: 20px;  }
 .footer ul span{color: #969696;}
 .footer ul li{display: inline-block; list-style: decimal; padding: 0px 20px;margin-bottom: 15px;}
 .footer ul li a{color: #969696;}
 .footer-weixin{float: right;}
 .footer-weixin-l{float: left; margin-right:20px;}
 .footer-weixin-l span{display: block; text-align: center; color: #c0c0c0; margin-top: 8px;}
 .footer .share{color: #969696;}
 .foot{text-align: center;line-height: 80px;color: #969696; border-top: 1px solid #969696; margin-top: 10px;}
.foot a{color: #969696;}

@media (max-width:1439px) {
	.navbar,.content{width: 100% !important; padding: 0px 2%;}
	
	
}

@media (max-width:1050px){
  .navbar-dark .navbar-toggler{position:absolute; right:0px;}
   .navbar-expand-sm .navbar-collapse{position:absolute; top:100%; z-index:30; width:100%;}	
    .navbar,.content{width: 100% !important; padding: 0px 2%;}
		.header{height: auto;}
		.header-top{display: none;}
		.collapse:not(.show) {
    display: none !important;
}
.navbar-collapse {
 
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-expand-sm .navbar-toggler{display:block !important;}
		.navbar{padding: 0;}
		.navbar-nav{flex-direction: column!important;}
		.navbar-dark .navbar-toggler{background-color: #0e6eb8; margin-right: 10px;}
		.navbar-dark .navbar-brand{ width: 40%;}
		.navbar-dark .navbar-brand img{width: 100%;}
		.navbar-nav li{text-align: left; background-color: #F0F0F0; padding: 0px 10px;}
		.col-sm-7,.col-sm-6,.col-sm-5{margin-bottom: 5vw; padding: 0px!important;max-width:100%;flex:0 0 100%;}
	.col-sm-5 img{width: 100%;}
    .row{margin: 0px!important; }
		
		.footer ul{width: 100%; margin: 0px !important; float: inherit;}
		.footer-weixin{float: inherit; text-align: center; display: flex;}
		.footer-weixin-l{float: inherit;flex: 1; }
		.foot{line-height: 30px; padding: 20px;}
}

@media ( max-width:1050px and min-width:750px){
	
   .navbar-dark .navbar-toggler{position:absolute; right:0px;}
   .navbar-expand-sm .navbar-collapse{position:absolute; top:10%; z-index:30; width:100%;}	
	
}
@media (min-width: 576px and max-width:1050px){
	.navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox!important;
    display:none !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
    display:block;
}
	
	
}